<!DOCTYPE html>
<html ng-app="app">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta charset="UTF-8">
    <meta name="keyword" content="犀牛故事">
    <meta name="description" content="这是个故事app">
    <meta name="author" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link type="text/css" rel="stylesheet" href="../components/materialize/dist/css/materialize.css"  media="screen,projection"/>
    <link rel="stylesheet" href="../components/materialize/dist/css/reset.css">
    <link rel="stylesheet" href="../css/index.css">

</head>
<body>
<article class="s-main-layout">
<!--主图轮播-->
            <div class="carousel carousel-slider ">
        <a class="carousel-item" data-target="#one!" href="http://www.baidu.com">
            <img src="../images/229823065684187947l_small.jpg" alt="写着玩">
        </a>
        <a class="carousel-item" data-target="#two!" href="index.html">
            <img src="../images/1890879588970169251l_small.jpg" alt="西瓜节">
        </a>
        <a class="carousel-item" data-target="#three!" href="index.html">
            <img src="../images/2609127601976171558l_small.jpg" alt="填坑节">
        </a>
        <a class="carousel-item" data-target="#four!" href="index.html">
            <img src="../images/20348573442138482992l_small.jpg" alt="我与我的室友">
        </a>
            </div>
<!--主页文章模块-->
    <ul class="onee" ng-controller="myindexctr">
       <!--文章列表 ==>有图片-真事-->
        <li class="s-article-items line" ng-repeat="val in indexTop">
            <!--article-->
            <div class="s-article-hd clearfix">
                <div class="s-user-bd s-left clearfix">
                    <div class="avotar">
                        <a href="#">
                            <img ng-src={{val.head_pic_url}} alt="">
                        </a>
                    </div>
                    <div class="avinfo">
                        <p class="avname">
                            <a href="#">{{val.nickname}}</a>
                        </p>
                        <p class="avdate">{{val.signature}}</p>
                    </div>
                </div>
                <a href="#" class="s-right s-class"ng-class="'s-class'+'{{val.channel}}'">
                    <i></i>
                    <span ng-show="1=='{{val.channel}}'">真事</span><!--
                    --><span ng-show="2=='{{val.channel}}'">创作</span><!--
                    --><span ng-show="4=='{{val.channel}}'">秘密</span><!--
                    --><span ng-show="0=='{{val.state}}'"></span><!--
                    --><span ng-show="1=='{{val.state}}'">&sdot;连载中</span><!--
                    --><span ng-show="2=='{{val.state}}'">&sdot;连载完结</span>
                </a>
            </div>
            <!--content-->
            <div class="s-article-bd">
                <div class="s-article-img j-image">
                    <a href="#">
                        <img ng-src="{{val.cover_url}}" alt="">
                    </a>
                </div>
                <h1 class="s-article-tit">
                    <a href="#">{{val.title}}</a>
                </h1>
                <div class="a-article-txt">
                    <a href="#">
                        {{val.summary}}
                    </a>
                </div>
            </div>
            <!--message-->
            <div class="s-article-fd clearfix">
                <div class="s-left righttj">
                    <a href="#">
                        <span>{{val.additional}}</span>
                    </a>
                </div>
                <div class="s-right s-share rightsc ">
                    <i></i>
                    <span >{{val.subscription_count}}</span>
                </div>
                <div class="s-right s-share rightpl ">
                    <i></i>
                    <span >{{val.notice_count}}</span>
                </div>
                <div class="s-right s-share righttj ">
                    <i></i>
                    <span >{{val.like_count}}</span>
                </div>
            </div>
        </li>


    </ul>

</article>

<script type="text/javascript" src="../components/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="../components/materialize/dist/js/materialize.min.js"></script>
<script type="text/javascript" src="../components/angular/angular.js"></script>
<script type="text/javascript" src="../components/angular-ui-router/release/angular-ui-router.js"></script>
<script type="text/javascript" src="../script/index.js"></script>
</body>
</html>
